<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>header footer</title>
	</head>
	<body>
		<!-- 头部 -->
		<header>
			<h1>网站标题</h1>
			<nav>
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">关于我们</a></li>
					<li><a href="#">联系我们</a></li>
				</ul>
			</nav>
		</header>

		<!-- 主体内容 -->
		<article>
			<h2>文章标题</h2>
			<p>文章内容...</p>
		</article>

		<!-- 页脚 -->
		<footer>
			<p>&copy; 2024 网站名称</p>
			<p>联系邮箱: info@example.com</p>
		</footer>
	</body>
</html>
